{% extends "../layout/main.html" %}

{% block css %}<!-- Morris Charts CSS -->
<link rel="stylesheet" href="http://cdn.bootcss.com/morris.js/0.5.1/morris.css">{% end %}

{% block title %}福娃后台{% end %}

{% block contents %}<div class="row">
    <div class="col-lg-12">
        <h3 class="page-header">福娃统计</h3>
    </div>
    <!-- /.col-lg-12 -->
</div>
<!-- /.row -->
<div class="row">
    <div class="col-lg-12">
        <div class="panel panel-default">
            <div class="panel-heading">
                福娃总数
            </div>
            <!-- /.panel-heading -->
            <div class="panel-body">
                <div id="fuwa-chart"></div>
            </div>
            <!-- /.panel-body -->
        </div>
        <!-- /.panel -->
    </div>
    <!-- /.col-lg-12 -->

    <div class="col-lg-12">
        <div class="panel panel-default">
            <div class="panel-heading">
                缘份福娃总数
            </div>
            <!-- /.panel-heading -->
            <div class="panel-body">
                <div id="fuwa-i-chart"></div>
            </div>
            <!-- /.panel-body -->
        </div>
        <!-- /.panel -->
    </div>
    <!-- /.col-lg-12 -->

    <div class="col-lg-12">
        <div class="panel panel-default">
            <div class="panel-heading">
                寻宝福娃总数
            </div>
            <!-- /.panel-heading -->
            <div class="panel-body">
                <div id="fuwa-c-chart"></div>
            </div>
            <!-- /.panel-body -->
        </div>
        <!-- /.panel -->
    </div>
    <!-- /.col-lg-12 -->

    <div class="col-lg-12">
        <div class="panel panel-default">
            <div class="panel-heading">
                缘份福娃已藏数
            </div>
            <!-- /.panel-heading -->
            <div class="panel-body">
                <div id="fuwa-i-hide-chart"></div>
            </div>
            <!-- /.panel-body -->
        </div>
        <!-- /.panel -->
    </div>
    <!-- /.col-lg-12 -->

    <div class="col-lg-12">
        <div class="panel panel-default">
            <div class="panel-heading">
                寻宝福娃已藏数
            </div>
            <!-- /.panel-heading -->
            <div class="panel-body">
                <div id="fuwa-c-hide-chart"></div>
            </div>
            <!-- /.panel-body -->
        </div>
        <!-- /.panel -->
    </div>
    <!-- /.col-lg-12 -->

    <div class="col-lg-12">
        <div class="panel panel-default">
            <div class="panel-heading">
                缘份福娃已抓数
            </div>
            <!-- /.panel-heading -->
            <div class="panel-body">
                <div id="fuwa-i-caught-chart"></div>
            </div>
            <!-- /.panel-body -->
        </div>
        <!-- /.panel -->
    </div>
    <!-- /.col-lg-12 -->

    <div class="col-lg-12">
        <div class="panel panel-default">
            <div class="panel-heading">
                寻宝福娃已抓数
            </div>
            <!-- /.panel-heading -->
            <div class="panel-body">
                <div id="fuwa-c-caught-chart"></div>
            </div>
            <!-- /.panel-body -->
        </div>
        <!-- /.panel -->
    </div>
    <!-- /.col-lg-12 -->

</div>
<!-- /.row -->{% end %}

{% block js %}<script src="http://cdn.bootcss.com/raphael/2.2.7/raphael.min.js"></script>
<script src="http://cdn.bootcss.com/morris.js/0.5.1/morris.min.js"></script>
<script src="{{ static_url("javascript/fuwachat.min.js") }}"></script>{% end %}